<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo05图片标签</title>
</head>
<body>
<!--相对路径
    1.当前目录：文件名
    2.上级目录：..
    3.下级目录： 目录名/...
    
    src资源：资源的路径
    alt资源：图片加载失败时的提示消息
    title资源：鼠标悬停时的提示消息
-->

<!--设置图片宽高
    width：设置图片宽度
    height：设置图片高度
    只要设置一个，则另一个会根据图片比例
-->
<img src="2.png" alt="图片走丢了" title="一夜暴富">
<img src="../1.png">
<img src="img/3.png" title="xxx" alt="图片走丢了">
<img src="img/zly.jpg" width="300px">

<!--使用如果第三方服务器将该图片删掉后，本地服务器则无法使用-->
<img src="https://cdn.tmooc.cn/bsfile//imgad///ff4f0d8b85cd43618df6e356112b4695.jpg" alt="">


</body>
</html>